@charset "utf-8";
/*****************************************
* 2020-6-18 网站公共样式
*****************************************/
*{ font-size:14px; margin: 0;padding:0; font-family:Arial;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,img,p,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,hr{margin:0;padding:0}
body{background-color: #fff;color:#57595d;}
a{text-decoration:none; color:#545454}
a:focus{outline:none;}
a:hover{text-decoration:none;}
img{ border:0px;}
ol,ul{ list-style:none;}
em,i{ font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.fc{ margin:0 auto;}
.clear { clear:both; margin:0px; top:0px} 
.clearfix {*zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.cb0{clear:both;height:0px;line-height:0px;font-size:0;overflow:hidden;}
.cb{clear:both;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.cb5{clear:both;height:5px;line-height:5px;font-size:0;overflow:hidden;}
.cb10{clear:both;height:10px;line-height:10px;font-size:0;overflow:hidden;}
.cb15{clear:both;height:15px;line-height:15px;font-size:0;overflow:hidden;}
.cb20{clear:both;height:20px;line-height:20px;font-size:0;overflow:hidden;}
.cb30{clear:both;height:30px;line-height:30px;font-size:0;overflow:hidden;}
.cb40{clear:both;height:40px;line-height:40px;font-size:0;overflow:hidden;}
.cb50{clear:both;height:50px;line-height:50px;font-size:0;overflow:hidden;}
.cb60{clear:both;height:60px;line-height:60px;font-size:0;overflow:hidden;}
.cb80{clear:both;height:80px;line-height:80px;font-size:0;overflow:hidden;}
.cb90{clear:both;height:90px;line-height:90px;font-size:0;overflow:hidden;}
.cb100{clear:both; height:100px; line-height:100px; font-size:0; overflow:hidden;}
.cb120{clear:both; height:120px; line-height:120px; font-size:0; overflow:hidden;}
.cb500{clear:both; height:500px; line-height:500px; font-size:0; overflow:hidden;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}
.sj030{-webkit-transition-duration: 3s; transition-duration: 3s;}
.sj050{-webkit-transition-duration: 5s; transition-duration: 5s;}
@media screen and (min-width:1660px){
.container{ margin:0 160px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.container{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.container{ margin:0 30px;}
}
@media screen and (max-width:960px){
.container{ margin:0 15px;}
}
/*按钮样式*/
a.btn1{z-index: 5;}
a.btn1:before{content: "";;background-color: #333;z-index: -1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;
-webkit-transform:scaleX(0);transform:scaleX(0);
 -webkit-transition-property:transform;
 transition-property:transform;
 -webkit-transition-duration:.3s;
 transition-duration:.3s;
 -webkit-transition-timing-function:ease-out;
 transition-timing-function:ease-out}
a.btn1:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);}
a.btn1:hover{color: #fff;}
a.btn2{z-index: 5;}
a.btn2::before{content: "";width: 0;background-color: #333;color: #000;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.btn2:hover::before{width: 100%;}
/*头部*/
.header{ position: relative;width: 100%;height: 96px;box-shadow: 0px 0px 10px #999;}
.header .logobox{float: left;width: 45%;padding:1%;position: relative;}
.hnavbox{float: right;width: 50%;position: relative;}
.logobox .logo{display: inline-block;border-right: 1px solid #e5e5e5;}
.logobox img{display: block;}
.logobox div{display: inline-block;margin-left: 10px;}
.logobox div h3{font-size: 24px;color: #00c7c2;}
.logobox div p{font-size: 18px;color: #333;}
.hnavbox .h_menu{ float:right;padding:1%;margin-top: 7px;}
.h_menu .nLi{float:left;margin:0px 30px;position: relative;top:22px;}
.h_menu .nLi a{display:block;font-size:18px;color: #666;}
.h_menu .nLi a:hover,.h_menu .nLi.on a{color:#00c7c2;}
.h_menu li ul{position:absolute; z-index:999999!important;padding-top:33px; left:-56px;  border-bottom:none;display: none;}
.h_menu li.navmoon a{color:#00c7c2;}
.h_menu li.navmoon ul{display: block;}
.nav_fuwu span{position: relative;opacity: 0;z-index:999999!important;background: rgba(0,0,0,.6);line-height: 55px; width:150px;display: block;}
.nav_fuwu span:first-child a{border: none;}
.nav_fuwu a{display: block;line-height: 55px; width:100%;text-align: center; font-size:14px!important;color:#ffffff!important;border-top: 1px solid rgba(255,255,255,0.2);}
.nav_fuwu a:hover{color:#00c7c2!important;font-weight: bold;background: url(../images/mmore.png) no-repeat 9px 23px;}
.h_menu li:hover .nav_fuwu span:first-of-type {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}
.h_menu li:hover .nav_fuwu span:nth-of-type(2) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}
.h_menu li:hover .nav_fuwu span:nth-of-type(3) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}
.h_menu li:hover .nav_fuwu span:nth-of-type(4) {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 1s;
}
.h_menu li:hover .nav_fuwu span:last-of-type {
  animation: menu3 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}
@keyframes menu3 {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.search{float: right;border-left:1px solid #e5e5e5;margin-top: 28px;padding:1%;}
.search a{display: block;min-width:25px;height: 25px;float: left;margin-top:2px;}
.phone{background: url(../images/ico1.png) no-repeat center;margin-left:5px;}
.phone p{padding-left:30px;background:#fff url(../images/h_phone.png) top left no-repeat;width:0px;color:#00c7c2;display: none;font-size: 18px; position:relative;top:-8px;}
a.smllmenu{display: none;background-color: #00c7c2;width: 96px;height: 96px;float: right;margin-left: 15px;  /* position: absolute;top:0;right: 0;*/overflow: hidden;}
a.smllmenu img{display: block;width: 100%;}
.m_nav{display: none;}
.header .logobox.current{opacity: 1;left: 0;}
.hnavbox.current{opacity: 1;right: 0;}
@media screen and (max-width:1560px){
.h_menu .nLi{margin: 0px 25px;}
}
@media screen and (max-width:1440px){
.hnavbox .h_menu{display: none;}
a.smllmenu{display: block;}
.hnavbox{width: 28%;}
.header .logobox{width: 70%;margin-top: 10px;}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

}
@media screen and (max-width:960px){
.header .logobox{width: 45%;margin-top: 0px;}
.hnavbox{width: 45%;}
.logobox div{display: none;}
.logobox .logo{margin: 3% 0 0 3%;border:none;}
.m_nav .closeicon{left:0px;}
}
@media screen and (max-width:680px){
.search{display: none;}	
a.smllmenu{width: 65px;height: 65px;}
.s_phone{display: block;min-width:25px;height: 25px;float: right;margin-top:20px;background: url(../images/ico1.png) no-repeat center;margin-left: 5px;}
/*jq-alert弹出层封装样式*/
.jq-alert{
  position:fixed;top:0;left:0;width:100%;height:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:center;
  -webkit-align-items:center;
  justify-content:center;
  align-items:center;
  background-color:rgba(0,0,0,.35);
  z-index:99
}
.jq-alert .alert{background-color:#FFF;width:auto !important;height:auto;border-radius:4px;overflow:hidden}
.jq-alert .alert .title,.jq-alert .alert .fd-btn{display:none !important;}
.jq-alert .alert .content{padding:1rem 1rem 1rem 3.5rem !important;font-size:24px !important;color:#00c7c2 !important;letter-spacing:2px;background:url(../images/h_phone.png) 20px center no-repeat;}
.header{height: 65px;}
.logobox img{height: 33px;}
.header .logobox{margin-top:7px;}
}

/*底部*/
.footer{background: #21282d url(../images/fbg.jpg) top center no-repeat;padding-top: 2%;/*margin-top: 40px;*/}
.foot_top{width: 70%;float: left;}
.foot_top dl{width: 24%;float: left;text-align: center;border-right:1px dashed #363a3e;height: 170px;}
.foot_top dl dt a{font-size: 18px;color: #fff;display: block;margin-bottom: 15px;}
.foot_top dl dd a{font-size: 14px;color: #8e959d;display: block;line-height: 26px;}
.foot_top dl dd a:hover{color: #00c7c2;}
.footcode{width: 30%;float: right;}
.footcode dl dt{font-size: 18px;color: #fff;display: block;margin-bottom: 15px;text-align: center;}
.footcode dl dd img{max-width: 146px;display: block;margin:0px auto;}

.flixi{border-top:1px #2f373c solid;border-bottom:1px #2f373c solid;margin-top:35px; padding:20px 0;}
.flixi li{ width:17.5%; float:left; padding:0px 1% 0px 0%; border-right:1px #383838 solid; margin-left:1%; height:96px;}
.flixi li:last-child{ border-right:0;}
.flixi li.lxbg1{ background:url(../images/f1.png) left 10px top 8px no-repeat;}
.flixi li.lxbg2{ background:url(../images/f2.png) left 10px top 8px no-repeat;}
.flixi li.lxbg3{ background:url(../images/f3.png) left 10px top 8px no-repeat;}
.flixi li.lxbg4{ background:url(../images/f4.png) left 10px top 8px no-repeat;}
.flixi li.lxbg5{ background:url(../images/f5.png) left 10px top 8px no-repeat;}
.flixi li span{ display:block; padding-left:60px; line-height:42px; font-size:18px; color:#c3bdbf;}
.flixi li p{ display:block; padding-left:60px; font-size:14px; color:#8e959d; margin-top:10px;}

@media screen and (max-width:1600px){
.flixi li p{ padding-left:0;}
}
@media screen and (max-width:1360px){
.flixi li span{font-size:14px;}
.flixi li p{ font-size:13px;}
}
@media screen and (max-width:1200px){
.flixi{ display:none;}
.foot_top,.footcode{padding-bottom: 40px;}
}

/*友链*/
.linkbox{width: 100%;height: auto;position: relative;z-index: 9;border-top:1px solid #161c22;padding:15px 0 15px 0;}
.linkbox span{float: left;width: 80px;display: block;font-size: 14px;color: #8e959d;line-height: 25px;}
.linkbox a{font-size: 14px;color: #8e959d;display: block;float: left;padding:0 10px;line-height: 25px;}
.linkbox a:hover{color: #00c7c2;}
.footerbottom{width: 100%;background-color:#00c7c2;margin-top: 0px;font-weight: 100;padding:5px 0;}
.footerbottom span,.footerbottom a{font-size: 14px;color: #fff; line-height: 35px; font-weight: 100; padding:0 5px; display:inline-block;}
.footerbottom img{margin:13px 5px 0 5px;}
.footerbottom span.fr{float: right;}
.footerbottom a:hover{color: #4c4c4c;}
@media screen and (max-width:780px){
.footerbottom span.fr{float: none;}
.linkbox,.footcode{display: none;}
.foot_top{float: none;width: 100%;}
.footer{padding-bottom: 40px;padding-top: 20px;}
.foot_top dl:last-child{border-right:none;}
.footerbottom span, .footerbottom a{line-height: 23px;font-size: 13px;}

}
@media screen and (max-width:480px){
.foot_top,.footer{display: none;}	
}
/*分页*/
.pagination-wrapper {clear:both;padding:1em 0 2em 0;text-align:center;margin-top:20px;} 
.pagination {display: inline-block;*display: inline;*zoom: 1;font-size:14px;border-radius: 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);} 
.pagination li{list-style: none;display: inline;padding:0 .8em;background-color: #fff;float: left;line-height: 34px;text-decoration: none;border: 1px solid #ddd;border-left-width: 0; height:34px;} 
.pagination li a {display: inline-block;color: #999; text-align:center;} 
.pagination li a:link{background:#fff;color: #555555;} 
.pagination li a:hover{text-decoration:none;color:#00c7c2;} 
.pagination li a:link:hover {color:#00c7c2;} 
.pagination li.thisclass{background-color: #00c7c2;} 
.pagination li.thisclass a{color:#fff;}
.pagination li:first-child {border-left-width: 1px;border-radius: 3px 0 0 3px;} 
.pagination li:last-child{border-radius: 0 3px 3px 0;} 
.pagination .pageinfo{color: #444;}

@media screen and (max-width:680px){
.pagination-wrapper{margin-top:0px;padding:0;}	
}


/**网站地图**/
.info-sitemap{ padding:1.5% 0;}
.info-sitemap-title{ display:block; height:50px; line-height:50px; padding:10px 3% 0;}
.info-sitemap-title a{ font-size:17px; font-weight:600;color: #57595d;}
.info-sitemap-content{ display:block; padding-top:10px; margin:0px 3%;height: 35px;}
.info-sitemap-content a{background:#ddd;width: 19%;margin-right: 1%;margin-bottom: 1%; height: 35px;line-height: 35px;text-align: center;display: block;float: left;}
.info-sitemap-content a:hover{background-color: #00c7c2;color: #fff;}
.info-sitemap-contents{ display:block; padding-top:10px; margin:10px 3%;}
.info-sitemap-contents a{ display:block; width:47%;padding-left:2%;float:left; border-bottom:1px #ddd dashed; line-height:25px; background:url(../images/mmore.png) left center no-repeat;}
.info-sitemap-contents a:hover{color:#00c7c2;}
.info-sitemap-pro{ display:block; padding-top:10px;margin:0px 3%;}
.info-sitemap-pro .news_proy1{ width:100%;}
.info-sitemap-pro .news_proy1 h3{  font-size:17px; line-height:25px; border-left:3px #00c7c2 solid;padding-left:10px; margin-bottom:10px; color: #57595d;}
.info-sitemap-pro .news_proy1 ul{ padding-top:20px;}
.info-sitemap-pro .news_proy1 ul li{float:left;width: 31.33%;margin-right:2%;margin-bottom: 30px; text-align:center; transition:.5s;}
.info-sitemap-pro .news_proy1 ul li:nth-child(3n){margin-right: 0;}
.info-sitemap-pro .news_proy1 ul li .tjimg{ height:200px; overflow:hidden;}
.info-sitemap-pro .news_proy1 ul li .tjimg img{ width:100%;max-width:100% !important; max-height:100% !important;}
.info-sitemap-pro .news_proy1 ul li span a{ font-size:15px; color:#333; line-height:35px;}
.info-sitemap-pro .news_proy1 ul li span{width: 100%;height: 35px;display: block;background-color: #ccc;transition:0.5s;color: #333;}
.info-sitemap-pro .news_proy1 ul li:hover span{background-color: #00c7c2;}
.info-sitemap-pro .news_proy1 ul li:hover span a{color: #fff;}
@media screen and (max-width:1080px){
.info-sitemap-contents a{float: none;width: 98%;line-height: 33px;}
.info-sitemap-content a{width: 32.33%;}
.info-sitemap-pro{margin:0;}
.info-sitemap-pro .news_proy1 ul li{width: 48%;margin-bottom: 20px;}
.info-sitemap-pro .news_proy1 ul li .tjimg{height: 150px;}
.info-sitemap-pro .news_proy1 ul li:nth-child(3n){margin-right:2%;}
.info-sitemap-pro .news_proy1 ul li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:480px){
.info-sitemap-content a{width: 49%;}
.info-sitemap-title{padding:0px;height: 35px;line-height: 35px;}
.info-sitemap{padding:0;}
.info-sitemap-content{margin:0;}
.info-sitemap-contents{margin: 10px 0;}
.info-sitemap-contents a{padding-left: 4%;}
}







/*特效*/
@-webkit-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-moz-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-ms-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-o-keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px)}
100%{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes move-in2{0%{-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:translate(0,-50px);-moz-transform:translate(0,-50px);-ms-transform:translate(0,-50px);-o-transform:translate(0,-50px);transform:translate(0,-50px)}